/********************************************
   AUTHOR:  			Brian Lindsley
   WEBSITE:   			http://www.xaksei.com/
   TEMPLATE NAME:		FNT
   VERSION:          	4.0          	
 *******************************************/
 /* Title and wrap */
#tourny {
	width: 100%;
	margin: 70px auto;
	background: transparent;
	min-height: 900px;
}

#tourny h1{
	text-align:center;
	font-size:24px;
	color:#000000;
}

#tourny h2{
	color:#CCCCCC;
	text-align:center;
	font-size:12px;
	margin-bottom: 30px;
}

/* Versus  container for all of the choosing */
#versus{
	width: 1000px;
	margin: 0 auto;
	min-height: 300px;
}

/* Container for the right and left halfs */
#versus #showgame{
	width: 500px;
}
/* The bringing stuff is on the outsides*/
#bringing{
	width: 110px;
	height: 200px;
	font-size:12px;
}
#bringing h1{
	font-size: 12px;
}

#bringing #item{
	float:left;
	width: 100%;
	margin: 0 0 20px 0;
}
#bringing #item #title{
	float:left;
	width: 50px;
	text-align: center;
}
#bringing .submit {
	float:left;
	width: 20px;
	font-size:12px;
	text-align:center;
	padding:0;
	margin: 0 5px;
	background:#FFFFFF;
	border: #999999 1px solid;
	
}
#bringing .num{
	font-size:12px;
	background:transparent;
	width: 25px;
	display: inline;
	float:left;
	margin: 0px 6px 0 5px;
	border:none;/*#000000 1px solid;*/
	text-align:right;
}

/*  The actual voting/display of the games */
/* Border of the game */
#versus  #border{
	padding:0;
	width: 325px;
	background:#FFFFFF;
	border:#999999 1px solid;
}
#versus  #border.A{
	margin-left: 10px;
}
#versus  #border.B{
	margin-right: 10px;
}

/* color the selected game */
#versus #showgame.A #border.selected{
	background: #FD5401;
	border: 1px solid #b3003b;				
}
		
#versus #showgame.B #border.selected{
	background: #0072ff;
	border: 1px solid #0050b3;				
}

/* the item clicked */
#versus #vote_game{
	margin: 4px;
	float:left;
	height:200px;
	width: 315px;
	border: 2px solid #444444;
}

#versus #border.A #vote_game.vote:hover{
	border: 2px solid #FD5401;
}
#versus #border.B #vote_game.vote:hover{
	border: 2px solid #0072ff;
}


#versus #vote_game.VG{
	background: url(../../images/texture1.jpg);
}
#versus #vote_game.CG{
	background: url(../../images/texture2.jpg);
}
#versus #vote_game.BG{
	background: url(../../images/texture3.jpg);
}

#versus #vote_game h1{
	color: #000000;
	width: 100%;
	height: 55px;
	font-size:34px;
	text-align: center;
	margin: 50px 0; padding:0;
}


/*  Quick Info */
#versus  #rule_info,
#versus  #team_info,
#versus  #gamepoint_info{
	font-size:18px;
	text-align: center;
	background:#0000CC;
	height: 25px;
	width: 31px;
	float: left;
	margin: 5px;
}

#versus #rule_info.RR{ 
	background:url(../../images/rr_bg.png);
}
#versus  #rule_info.SE{
	background: url(../../images/se_bg.png);
}
#versus  #rule_info.DE
	background: url(../../images/de_bg.png);
}
#versus  #rule_info.OT{
	background: url(../../images/ot_bg.png);
}

#versus #team_info{
	width: 51px;
}
#versus  #team_info.single{
	background: url(../../images/single_bg.png);
}
#versus  #team_info.team{
	background: url(../../images/team_bg.png);
}

#versus #gamepoint_info{
	float: right;
	background:#ff9900;
	border:#333333 1px solid;
	height: 23px;

}

/* Status of the votes */
#versus #showgame #votestat {
	margin:30px 0 10px 0; padding:0;
	width:500px;
	height: 40px;
}
#versus #showgame.A #votestat {
	border-right:#000000 solid 1px;
}

#versus #showgame.B #votestat {
	border-left: #000000 solid 1px;
}

#versus #showgame #votestat  #status{
	height: 15px;
	margin-top: 9px;
}
#versus #showgame.A #votestat  #status{
	float:right;
	background: #FD5401;
	border: solid #b3003b 1px;
	border-right: none;
}

#versus #showgame.B #votestat  #status{
	float:left;
	background:#0072ff;
	border: solid #0050b3 1px;
	border-left: none;
}


/* RSVP */
#rsvp_vote{
	width: 150px;
	margin: 0px auto;
}
#rsvp_vote h1{
	font-size: 14px;
}

#rsvp_vote #pos,
#rsvp_vote #neg,
#rsvp_vote #idk{
	text-align: center;
	margin: 0 5px;
	float:left;
	width: 40px;
}


#rsvp_vote #pos input,
#rsvp_vote #neg input,
#rsvp_vote #idk input{
	float:left;
	margin: 0 5px;
	width: 30px;
	height: 25px;
	border: #22aa00 2px solid;
}

#rsvp_vote #pos input:hover,
#rsvp_vote #neg input:hover,
#rsvp_vote #idk input:hover{
	cursor:pointer;
	cursor: hand;
}
#rsvp_vote #neg input{
	border:#aa0000 2px solid;
}
#rsvp_vote #idk input{
	border:#f7b200 2px solid;
}

#rsvp_vote #pos input.selected{
	background: #33cc00;
}
#rsvp_vote #neg input.selected{
	background:#F30000;
}
#rsvp_vote #idk input.selected{
	background:#fad402;
}

#rsvp_vote #status{
	float:left;
	margin: 0 11px;
	width: 16px;
	border: solid 1px #22aa00;
	background: #33cc00;
}

#rsvp_vote #neg #status{
	background:#F30000;
	border: 1px solid #aa0000;
}

#rsvp_vote #idk #status{
	background: #fad402;
	border: 1px solid #f7b200;
}

/*  Hovering rules	*/
#hov_rule{
	width: 200px;
	background: #000000;
}

#hov_rule.RR{
	background: url(../../images/bg/rr_rule.png);
}
#hov_rule.SE{
	background: url(../../images/bg/se_rule.png);
}
#hov_rule.DE{
	background: url(../../images/bg/de_rule.png);
}
#hov_rule.OT{
	background: url(../../images/bg/ot_rule.png);
}
#hov_rule input{
	margin: 5px 10px;
	width: 180px;
	font-size: 15px;
}

#hov_rule textarea{
	width: 190px;
	font-size: 12px;
	margin: 10px 5px;
}
/* Hovering Detail */
#hov_detail{
	float: left;
	width: 320px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#hov_detail h1{
	text-align: center;
	font-size: 16px;
}


#hov_detail textarea{
	float: left;
	width: 280px;
	margin: 10px;
}
#hov_detail label{
	float: left;
	width: 80px;
	margin: 0px 35px;
}
#hov_detail input{
	float: left;
	width: 70px;
	margin: 0px 40px;
}

/* Hovering GamePoints */
#hov_gp{
	width: 300px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
#hov_gp h1{
	text-align: center;
	font-size: 16px;
}
#hov_gp textarea{
	width: 280px;
	margin: 10px;
}



